/**



        导入css  

    stylus  安装           （处理 stylus 结尾的文件）
    stylus-loader  安装

    安装  babel-runtime       (对es 对语法 会进行处理)

    安装    fastclick       (解决移动端 30毫秒延迟的问题)

    安装  babel-polyfill     (布丁 promise )


    recommend  推荐
    singer
    rank      排行
    search




   获取jsonp 

   jsonp 原理：
   （定义方法）

   export default functon jsonp(url,data,option){
     url +=(url.indexOf('?')<0?:'&')+ parem(data)

        return new Permise(
            (resolve,reject)=>{  originJsonp(url,opton, (err,data)=>{ 
                  if(!err){
                    reslove(data)
                  } else{
                    reject(data)
                  }
              }   
            
            )                  }
        ) 


        function parem(data){
            let url=''
            for( var k in data){
                let value =data[k]!==undefind ？data[k]:''
                url+=`&${k}=${encodeURLComponent(value)}`
            }
            return url?url.substring(1):''

        }


   }


   在组件中 获取函数

      <slider>

      <div v-for="item in recommends">
       <a :href="item.linkUrl">
       <img v-bind:src="item.picUrl">
      <div>

      </slider>
  

      <script type="text/ecmascript-6">

      import  {getRecommend} from './api/recommend'    //获取方法

      export default {
        data(){
            return {

              recommends:[]

            }
        },
        created(){

        },
        methods:{
          _getRecommend(){     定义一个方法
                getRecommend().then( (res)=>{
                      if(res.code=== ERR_OK){       //获取数据的初始条件
                         ／／ console.log(res.code.slider)   
                         this.recommends＝res.code.slider           
                      }
                })
          }
        }
      }
      
      </script> 
   
      后台原数据：
      jsonp2(

          {
              code: 0,
              data:{
                slider:[
                          {
                            linkUrl: "http://y.qq.com" ,
                           picUrl :  "http://www.yjw.com" ,
                           id :   2495
                          },
                          {
                            linkUrl: "http://y.qq.com" ,
                           picUrl :  "http://www.yjw.com" ,
                           id :   321312
                          },
                          {
                            linkUrl: "http://y.qq.com" ,
                           picUrl :  "http://www.yjw.com" ,
                           id :   43242
                          },


                       ]
                   }



          }




      )

  ！！！！！！！！实现全屏页面 跳转：

            扩展（全凭页面）：
            <style>
            position:fixed;
            z-index :100;
            top:0;
            left:0;
            right:0;
            bottom: 0;
            background-color:red;
            </style>


          （子路由配置  以及 转场动画实现）

            import  child from  './'

            {  path: '/parents', 
            components: parents ,
            children: [ 
                path: ':id'
                components: child 

                  ]
          
            }

            !!! 最后得在 父路由里面 添加一个 <router-view></router-view>

            在父路由在绑定一个点击事件：
             @click＝" selectItem(item)" 

             <script>
                methods:{
                  selectItem(item){
                    this.$emit('select',item)        // 这个方法仅仅就是表示 被点击了 什么点击的
                  } 

                }
             </script>


          在子路由 里面监听这个事件:
             @select="selectSinger"

              <script>
                methods:{

                  selectSinger(singer){
                    this.$router.push(
                      path: `/singer/${singer.id}`
                    )
                  }

                }
             </script>



                 

             








 */